<template>
  <div style="background-color: #fff; padding-bottom: 5vh;">
    <top-bar title="组织详情" bgc="background-color:#F3F3F3"></top-bar>
    <van-cell>
      <h3 style="padding: 0 20px; text-align: center;">{{orginfoForm.orgname}}</h3>
      <h5 style="font-size: 13px; padding: 0 20px; text-align: center;">{{orginfoForm.orgtopic}}</h5>
    </van-cell>
    <van-field
      class="paperview-input-text"
      type="textarea"
      v-model="orginfoForm.orgintro"
      autosize
      readonly
    ></van-field>
    <van-image
      v-for="item in orginfoForm.urls"
      :key="item.uid"
      style="width: 3.2rem; height: 3.2rem; margin:2px;"
      :src="item.path"
      fit="cover"
    ></van-image>
    <p style="font-size: 16px;">
      <span style="font-weight:bold;">联系我们&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </p>
    <p style="font-size: 14px; color: #606266;">
      <span style="font-weight:550;">负责人:&nbsp;&nbsp;&nbsp;&nbsp;</span>
      <span>{{orginfoForm.orgmanager}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <br />
      <span style="font-weight:550;">&nbsp;Q&nbsp;&nbsp;Q&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;</span>
      <span>{{orginfoForm.orgqq}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
      <br />
      <span style="font-weight:550;">电&nbsp;&nbsp; 话:&nbsp;&nbsp;&nbsp;&nbsp;</span>
      <span>{{orginfoForm.orgtel}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    <my-card :orginfoForm="orginfoForm">这是一张卡片</my-card>
  </div>
</template>

<script>
import TopBar from "./topBar.vue";
import MyCard from "./my-card.vue";
export default {
  components: {
    TopBar,
    MyCard
  },
  data() {
    return {
      orginfoForm: {}
    };
  },
  mounted() {
    this.getOrgList();
  },
  methods: {
    getOrgList() {
      let paramsId = this.$route.params.id;
      this.$api.get(`/api/orginfo/detail/${paramsId}`).then(res => {
        this.orginfoForm = res.data.data;
      });
    }
  }
};
</script>

<style>
</style>